<div class="palm-dialog-title" style="text-align:center;">
    Conway's Game of Life
</div>
<div class="palm-dialog-separator">
</div>
<br>
<div id="instructions_divPage1">
    The universe of the Game of Life is a two-dimensional orthogonal grid 
    of square cells, each of which is in one of two possible states, live or dead.  
    Every cell interacts with its eight neighbors, which are the cells that are directly horizontally, 
    vertically, or diagonally adjacent.
</div>
<div id="instructions_divPage2" style="display:none;">
    At each step in time, the following transitions occur: 
    <br/>
    1. Any live cell with fewer than two live neighbours dies, as if caused by underpopulation.
    <br/>
    2. Any live cell with more than three live neighbours dies, as if by overcrowding.
    <br/>
    3. Any live cell with two or three live neighbours lives on to the next generation.
    <br/>
    4. Any dead cell with exactly three live neighbours becomes a live cell.
    <br/>
</div>
<div id="instructions_divPage3" style="display:none;">
    <br/>
    The initial pattern constitutes the seed of the system. The first generation is created 
    by applying the above rules simultaneously to every cell in the seed-births and deaths  
    happen simultaneously, and the discrete moment at which this happens is sometimes called 
    a tick (in other words, each generation is a pure function of the one before). 
    The rules continue to be applied repeatedly to create further generations.
</div>
<div id="instructions_divPage4" style="display:none;">
    Click <b>Start</b>
    to start the game.
    <br/>
    Click <b>Step</b>
    to perform a single generation step.
    <br/>
    Click <b>Run</b>
    whenever you want the generation to run.
    <br/>
    Click <b>Pause</b>
    whenever you want the generation to stop.
    <br/>
    Click <b>Clear</b>
    to clear the live cells.
</div>
<div id="instructions_divPage5" style="display:none;">
    Press <b>Sym+a</b>
    to adjust cell's size.
    <br/>
    Press <b>Sym+s</b>
    to save the game's state.
    <br/>
    Press <b>Sym+o</b>
    to restore from the saved states. 
    <br/>
    Press <b>Sym+h</b>
    to display Help.
    <br/>
</div>
<br>
<div class="palm-dialog-separator">
</div>
<table border="0" width="100%">
    <tr>
        <td width="33%" align="center">
            <div id="instructions_btnPrevious" x-mojo-element="Button">
            </div>
        </td>
        <td width="33%" align="center">
            <div id="instructions_btnNext" x-mojo-element="Button">
            </div>
        </td>
        <td width="34%" align="center">
            <div id="instructions_btnStart" x-mojo-element="Button">
            </div>
        </td>
    </tr>
</table>
